<template name='contactChatHistoryItem'>
	<li class='message chat-history-item' id='{{_id}}'>
		<button aria-label="{{servedBy.username}}" class="thumb user-card-message" data-username="{{servedBy.username}}">
			{{> avatar username=servedBy.username}}
		</button>
		<div class="message-body-wrapper">
			<div class="title border-component-color color-info-font-color">
				<button type="button" class="user user-card-message color-primary-font-color" data-username="{{servedBy.username}}" tabindex="1">{{servedBy.username}}</button>
				<time class="time" title='{{date}} {{time}}' datetime='{{date}} {{time}}'>{{closedAt}}</time>
			</div>
			<div class="chat-history-item-count-msg" dir="auto">
				{{#if $gt msgs 0}}
					<p>{{{_ 'message_counter' counter=i18nMessageCounter count=msgs }}}</p>
				{{else}}
					<p>{{_ "No_messages_yet" }}</p>
				{{/if}}
			</div>
			{{#with closingMessage }}
				<div class="closing-message-body-wrapper">
					<div class="closing-message-title" dir="auto"><p>{{_ "Closing_chat_message"}}:</p></div>
					<div class="closing-message-text" dir="auto"><p>"{{msg}}"</p></div>
				</div>
			{{/with}}
		</div>
	</li>
</template>
